<template>
	<div class="unit">
		<el-descriptions :column="1" border>
			<el-descriptions-item label="应用变更费用(万元)">{{ message?.cost || '' }}</el-descriptions-item>
			<el-descriptions-item label="应用变更原因">{{ message?.reason }}</el-descriptions-item>
			<el-descriptions-item label="应用变更内容">{{ message?.content }}</el-descriptions-item>
			<el-descriptions-item label="应用变更审批文件"
				><FilePreview v-if="message?.files" :type="'view'" v-model="message.files"
			/></el-descriptions-item>
		</el-descriptions>
	</div>
</template>

<script lang="ts" setup>
import textImg from '/@/views/digitalList/detail/components/component/textImg.vue';
import { toRefs, defineProps } from 'vue';
import FilePreview from '/@/components/HyUpload/index.vue';
const props = defineProps({
	message: {
		type: Object,
		defalut: () => {},
	},
});

const { message } = toRefs(props);
</script>

<style lang="scss" scoped>
.unit {
	.item_box {
		width: 32%;
		margin: 5px 0px;
		display: flex;
		flex-wrap: wrap;
		.item_name {
			color: #999999;
		}
	}
	.item_box_w {
		width: 100%;
		margin: 5px 0px;
		display: flex;
		flex-wrap: wrap;
		.item_name {
			color: #999999;
		}
	}
	:deep(.el-descriptions__label) {
		width: 15% !important;
	}
}
</style>
